import {ScrollView} from 'react-native-gesture-handler';
import {StyleSheet, Text, View, Image, ImageBackground} from 'react-native';
import React, {Component} from 'react';
import {Flex, WhiteSpace, Button, List} from '@ant-design/react-native';
import Item from '@ant-design/react-native/lib/list/ListItem';

export default class GiftCar extends Component {
    constructor(props) {
        super(props);
        this.state = {};
    }
    render() {
        return (
            <Flex style={{marginTop: 10, width: '96%', marginLeft: '2%', marginRight: '2%'}} justify={'center'}>
                <ImageBackground style={{width: '100%', aspectRatio: 1 / 0.217}} source={require('~/assets/li/backcar.png')}>
                    <View style={{width: '100%', paddingLeft: 20, paddingTop: 16, paddingRight: 16}}>
                        <Flex style={{width: '100%'}} justify={'between'}>
                            <Text style={{fontWeight: '800', fontSize: 19, color: '#ffffff'}}>面值10000</Text>
                            <Text style={{fontWeight: '800', fontSize: 17, color: '#ffffff'}}>车位卡1</Text>
                        </Flex>
                        <Text style={{fontWeight: 'Medium', fontSize: 9, color: '#ffffff', marginTop: 9.5}}>使用规则</Text>
                    </View>
                </ImageBackground>
            </Flex>
        );
    }
}
const styles = StyleSheet.create({
    scrollview: {
        flex: 1,
    },
    textsize: {
        fontSize: 15,
    },
});
